<template>
  <div class="filter-wrapper">
    <Layout>
      <h1>filter</h1>
      {{ message | capitalize }}
      <!-- <h2 :message="message | capitalize"></h2> -->
    </Layout>
  </div>
</template>

<script>
import Layout from '../layout/index.vue'
export default {
  components: { Layout },
  data() {
    return {
      message: 'world world',
    }
  },
  // filters: {
  //   // 定义好规则之后，可以放置在管道符号的后面 ｜ 就能实现你想要的规则下的效果
  //   capitalize: function (value) {
  //     if (!value) return ''
  //     value = value.toString()
  //     return value.charAt(0).toUpperCase() + value.slice(1)
  //   },
  // },
}
</script>
